ããã°ã¬ãã·ããŠã§ãã¢ããªïŒPWAïŒã®ãŠã£ã³ããŠã³ã³ãããŒã«ã®é²åãšããã€ãã£ããŠã£ã³ããŠçµ±åãã©ã®ããã«ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãåäžããããŠã§ããšãã¹ã¯ãããã¢ããªã±ãŒã·ã§ã³éã®ã·ãŒã ã¬ã¹ãªç§»è¡ãå®çŸããããæ¢ããŸãã
ããã°ã¬ãã·ããŠã§ãã¢ããªã®ãŠã£ã³ããŠã³ã³ãããŒã«ïŒã·ãŒã ã¬ã¹ãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã®ããã®ãã€ãã£ããŠã£ã³ããŠçµ±å
ããžã¿ã«ç°å¢ã¯çµ¶ããé²åããŠãããããã«äŒŽããã¢ããªã±ãŒã·ã§ã³äœéšã«å¯ŸãããŠãŒã¶ãŒã®æåŸ ãé«ãŸã£ãŠããŸãããŠãŒã¶ãŒãåŸæ¥ã®ãŠã§ããµã€ãã®éçã«æºè¶³ããŠããæä»£ã¯çµãããŸããã仿¥ããŠãŒã¶ãŒã¯é«éã§ãä¿¡é Œæ§ãé«ããé åçã§ããããŠäœããããã€ãã£ãã¢ããªã±ãŒã·ã§ã³ã®ããã«æããããã¢ããªã±ãŒã·ã§ã³ãæ±ããŠããŸããããã°ã¬ãã·ããŠã§ãã¢ããªïŒPWAïŒã¯ããŠã§ããšãã€ãã£ãäœéšã®éã®ã®ã£ãããåããäžã§å€§ããªé£èºãéããŸããããã®é²åã®éèŠãªåŽé¢ã¯ãPWAã®ãŠã£ã³ããŠã³ã³ãããŒã«ããã€ãã£ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã®ãŠã£ã³ããŠç®¡çãšçµ±åããããäžè²«æ§ã®ããçŽæçãªãŠãŒã¶ãŒäœéšãæäŸããããšã«ãããŸãã
ããã°ã¬ãã·ããŠã§ãã¢ããªã®å°é
ããã°ã¬ãã·ããŠã§ãã¢ããªã¯ãææ°ã®ãŠã§ãæè¡ã掻çšããŠããã©ãŠã¶ãéããŠçŽæ¥ã¢ããªã®ãããªäœéšãæäŸãã匷åãªãã©ãã€ã ãšããŠç»å ŽããŸããããããã¯å埩åãããã髿§èœã§ãé åçã§ããããã«èšèšãããŠããããªãã©ã€ã³æ©èœãããã·ã¥éç¥ãããŒã ç»é¢ãžã®ã€ã³ã¹ããŒã«ãªã©ã®æ©èœãæäŸããŸããPWAããã©ãŠã¶ã®ã¿ãããç¬ç«ããŠã€ã³ã¹ããŒã«ãå®è¡ã§ãããã®èœåã¯ããã€ãã£ããšã®åçæ§ãç®æãäžã§éèŠãªã¹ãããã§ãã
åœåãPWAã¯ã¹ã¿ã³ãã¢ãã³ãŠã£ã³ããŠãšããŠèµ·åããŸããããå°çšã®äœéšãæäŸãã€ã€ãããã°ãã°ãŠã§ãç¹æã®å€èгãä¿æããŠããŸãããã¢ãã¬ã¹ããŒãé²ã/æ»ããã¿ã³ãšãã£ããã©ãŠã¶ã®UIèŠçŽ ãäŸç¶ãšããŠååšããçã®ãã€ãã£ãã¢ããªã±ãŒã·ã§ã³ãšã®éã«ç®ã«èŠããåºå¥ãçã¿åºããŠããŸãããããã¯äºææ§ãšäžè²«ãããŠã§ãåºç€ã確ä¿ããããã®å¿ èŠãªåŠ¥åã§ãããããããPWAãšã³ã·ã¹ãã ãæçããã«ã€ããŠããããã®å¢çãããã«ææ§ã«ãããšããéå¿ãé«ãŸã£ãŠããŸãã
PWAã®ãŠã£ã³ããŠã³ã³ãããŒã«ãçè§£ãã
ãŠã£ã³ããŠã³ã³ãããŒã«ã¯ããã¹ã¯ããããªãã¬ãŒãã£ã³ã°ã·ã¹ãã äžã§ãŠãŒã¶ãŒãã¢ããªã±ãŒã·ã§ã³ãŠã£ã³ããŠãšå¯Ÿè©±ãã管çããããã®åºæ¬çãªèŠçŽ ã§ããããã«ã¯éåžžã以äžã®ãã®ãå«ãŸããŸãïŒ
- æå°åãã¿ã³ïŒ ã¢ããªã±ãŒã·ã§ã³ãŠã£ã³ããŠãã¿ã¹ã¯ããŒãããã¯ã«çž®å°ããŸãã
- æå€§å/å ã«æ»ããã¿ã³ïŒ ãŠã£ã³ããŠãç»é¢ãã£ã±ãã«æ¡å€§ãããã以åã®ãµã€ãºã«æ»ããŸãã
- éãããã¿ã³ïŒ ã¢ããªã±ãŒã·ã§ã³ãçµäºããŸãã
- ã¿ã€ãã«ããŒïŒ ã¢ããªã±ãŒã·ã§ã³ã®ååã衚瀺ããå€ãã®å Žåã«ã¹ã¿ã ã³ã³ãããŒã«ãå«ãŸããŸãã
- ãŠã£ã³ããŠãµã€ãºå€æŽãã³ãã«ïŒ ãŠãŒã¶ãŒãã¢ããªã±ãŒã·ã§ã³ãŠã£ã³ããŠã®å¯žæ³ã調æŽã§ããããã«ããŸãã
PWAéçºã®åææ®µéã§ã¯ãPWAããã€ã³ã¹ããŒã«ããããŠèµ·åããããšãéåžžã¯æå°éã®ãã©ãŠã¶ãã¬ãŒã ã§éãããŸããããã®ãã¬ãŒã ã«ã¯PWAã®ã¿ã€ãã«ãšåºæ¬çãªããã²ãŒã·ã§ã³ãå«ãŸããŠããããšãå€ãã£ãã§ãããããã§ããªããã©ãŠã¶ã®ã€ã³ã¹ã¿ã³ã¹ã§ããããšãèªèã§ããŸããããã®ã¢ãããŒãã¯æ©èœçã§ã¯ãããŸããããPWAãç®æããŠããããã€ãã£ãããªæèŠãå®å šã«ã¯æäŸããŠããŸããã§ããã
ãã€ãã£ããŠã£ã³ããŠçµ±åãžã®æšé²å
å€ãã®PWAéçºè ããŠãŒã¶ãŒã«ãšã£ãŠã®æçµç®æšã¯ããã€ãã£ãã«ã³ã³ãã€ã«ãããã¢ããªã±ãŒã·ã§ã³ãšèŠåããã€ããªãäœéšã§ããããã«ã¯ãæ©èœçãªåçæ§ã ãã§ãªãããã¹ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ãšã®çŸçããã³è¡åçãªäžè²«æ§ãå«ãŸããŸãããã€ãã£ããŠã£ã³ããŠçµ±åã¯ããã®ç®æšãéæããããã®ç€ç³ã§ãã
PWAã®ãã€ãã£ããŠã£ã³ããŠçµ±åãšã¯ãPWAã®ãŠã£ã³ããŠããŠãŒã¶ãŒã®ãªãã¬ãŒãã£ã³ã°ã·ã¹ãã äžã®ä»ã®ã¢ããªã±ãŒã·ã§ã³ãŠã£ã³ããŠãšãŸã£ããåãããã«åäœãã衚瀺ãããããšãæå³ããŸããããã«ã¯ä»¥äžã®ãã®ãå«ãŸããŸãïŒ
- ãã€ãã£ããŠã£ã³ããŠã¯ããŒã ïŒ PWAãŠã£ã³ããŠã¯ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã®æšæºçãªãŠã£ã³ããŠã¯ããŒã ïŒæå°åãæå€§åãéãããã¿ã³ãããã³ã¿ã€ãã«ããŒã®ã¹ã¿ã€ã«ïŒãæ¡çšãã¹ãã§ãã
- äžè²«ããåäœïŒ ãµã€ãºå€æŽãæå°åãéãããªã©ã®ã¢ã¯ã·ã§ã³ã¯ããŠãŒã¶ãŒããã€ãã£ãã¢ããªã±ãŒã·ã§ã³ããåŠãã è¡åãšäžèŽãã芪ãã¿ãããå¿çæ§ãé«ããšæããããã¹ãã§ãã
- ã¿ã¹ã¯ããŒ/ããã¯ã§ã®è¡šç€ºïŒ PWAã¯ãã·ã¹ãã ã®ã¿ã¹ã¯ããŒïŒWindowsïŒãããã¯ïŒmacOSãLinuxïŒã«ç¬èªã®ã¢ã€ã³ã³ãšã¿ã€ãã«ã§è¡šç€ºãããç°¡åãªåãæ¿ããšç®¡çãå¯èœã§ããã¹ãã§ãã
- ã³ã³ããã¹ãã¡ãã¥ãŒã®çµ±åïŒ ã¿ã¹ã¯ããŒãããã¯ã«ããPWAã®ã¢ã€ã³ã³ãå³ã¯ãªãã¯ãããšããã€ãã£ãã®ãããªãžã£ã³ããªã¹ããã¯ã€ãã¯ã¢ã¯ã·ã§ã³ãæäŸãããå¯èœæ§ããããŸãã
ãã€ãã£ãçµ±åãå¯èœã«ããäž»èŠãªæè¡ãšAPI
ããã€ãã®ãŠã§ãæšæºãšãã©ãŠã¶APIã¯ãPWAããããã€ãã£ããªãŠã£ã³ããŠçµ±åãéæããäžã§éèŠãªåœ¹å²ãæãããŠããŸããïŒ
1. ãŠã§ãã¢ããªãããã§ã¹ã
ãŠã§ãã¢ããªãããã§ã¹ãã¯ããŠã§ãã¢ããªã±ãŒã·ã§ã³ã«é¢ããã¡ã¿ããŒã¿ãæäŸããJSONãã¡ã€ã«ã§ããéèŠãªç¹ãšããŠãéçºè ã¯ä»¥äžãå®çŸ©ã§ããŸãïŒ
- `display` ããããã£ïŒ ãã®ããããã£ã¯ãPWAãã©ã®ããã«è¡šç€ºãããã¹ãããæç€ºããŸããããã
fullscreenãstandaloneããŸãã¯minimal-uiã«èšå®ããããšã§ãPWAã¯ãã©ãŠã¶ã®åŸæ¥ã®UIãªãã§èµ·åã§ããŸããstandaloneã¯ããã€ãã£ãã¢ããªã«äŒŒããŠã£ã³ããŠäœéšãäœæããäžã§ç¹ã«éèŠã§ãã - `scope` ããããã£ïŒ PWAã®ããã²ãŒã·ã§ã³ã¹ã³ãŒããå®çŸ©ããŸããããã«ããããã©ãŠã¶ã¯ã©ã®URLãã¢ããªã®äžéšã§ãã©ããå€éšã®ãã®ããçè§£ããã®ã«åœ¹ç«ã¡ãŸãã
- `icons` ããããã£ïŒ ã¿ã¹ã¯ããŒãããŒã ç»é¢ãªã©ãããŸããŸãªã³ã³ããã¹ãã«å¯Ÿå¿ããè€æ°ã®ã¢ã€ã³ã³ãµã€ãºãæå®ããŸãã
- `name` ããã³ `short_name` ããããã£ïŒ ãããã¯ã¿ã€ãã«ããŒãã¿ã¹ã¯ããŒ/ããã¯ã«è¡šç€ºãããååãå®çŸ©ããŸãã
ãããã§ã¹ããæŽ»çšããããšã§ãéçºè ã¯ãã©ãŠã¶ãšãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã«å¯ŸãããŠã§ãã¢ããªã±ãŒã·ã§ã³ãã¹ã¿ã³ãã¢ãã³ã®ãšã³ãã£ãã£ãšããŠæ©èœããããšãæå³ããŠãããšäŒããããšãã§ããŸãã
2. ãµãŒãã¹ã¯ãŒã«ãŒ
ãŠã£ã³ããŠã®å€èгãçŽæ¥å¶åŸ¡ããããã§ã¯ãããŸãããããµãŒãã¹ã¯ãŒã«ãŒã¯PWAäœéšã®åºç€ãšãªããŸãããããã¯ãã©ãŠã¶ãšãããã¯ãŒã¯ã®éã®ãããã·ãµãŒããŒãšããŠæ©èœããæ¬¡ã®ãããªæ©èœãå¯èœã«ããŸãïŒ
- ãªãã©ã€ã³ãµããŒãïŒ ã€ã³ã¿ãŒãããæ¥ç¶ããªãå Žåã§ãPWAãæ©èœã§ããããã«ããŸãã
- ããã¯ã°ã©ãŠã³ãåæïŒ æ¥ç¶ãå埩ãããšãã«ããŒã¿ã®åæãå¯èœã«ããŸãã
- ããã·ã¥éç¥ïŒ ãŠãŒã¶ãŒã«ã¿ã€ã ãªãŒãªæŽæ°ãé ä¿¡ããŸãã
ãããã®æ©èœã¯å šäœçãªãã¢ããªããããã«è²¢ç®ããPWAãããä¿¡é Œæ§ãé«ãé åçãªãã®ã«ãããã€ãã£ããŠã£ã³ããŠçµ±åãè£å®ããŸãã
3. Window Management API
ããã¯æ¯èŒçæ°ããã§ãããéåžžã«ææãªAPIã§ããããã©ãŠã¶ãŠã£ã³ããŠãçŽæ¥å¶åŸ¡ããæ©èœãæäŸããŸããWindow Management APIã«ãããPWAã¯ä»¥äžã®ããšãå¯èœã«ãªããŸãïŒ
- éããŠãããŠã£ã³ããŠã«é¢ããæ å ±ãååŸïŒ éçºè ã¯ãçŸåšéããŠãããŠã£ã³ããŠã®ãµã€ãºãäœçœ®ãç¶æ ãªã©ã®æ å ±ãç §äŒã§ããŸãã
- ãŠã£ã³ããŠã®ç§»åãšãµã€ãºå€æŽïŒ PWAãŠã£ã³ããŠã®äœçœ®ãšå¯žæ³ãããã°ã©ã ã§å¶åŸ¡ããŸãã
- æ°ãããŠã£ã³ããŠã®äœæïŒ PWAå ã®ç¹å®ã®ã¿ã¹ã¯ã®ããã«æ°ãããã©ãŠã¶ãŠã£ã³ããŠãéããŸãã
- ãŠã£ã³ããŠç¶æ ã®ç®¡çïŒ æå°åãæå€§åããã«ã¹ã¯ãªãŒã³ãªã©ã®ãŠã£ã³ããŠç¶æ ãšå¯Ÿè©±ããŸãã
ãŸã 掻çºãªéçºãšæšæºåã®éäžã§ããããã®APIã¯PWAå ã§ã®é«åºŠãªãŠã£ã³ããŠç®¡çãå¯èœã«ããéèŠãªèŠçŽ ã§ããããã€ãã£ãã¢ããªã±ãŒã·ã§ã³ã®å¶åŸ¡ã«è¿ã¥ããŠããŸãã
4. ãã€ãã£ãã¢ããªãŠã£ã³ããŠæ©èœïŒãã©ãããã©ãŒã åºæïŒ
äžæ žãšãªããŠã§ãæšæºã«å ããŠããã©ãŠã¶ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã¯ãPWAããã€ãã£ãã®ãŠã£ã³ããŠæ©èœãå©çšããããã®ä»çµã¿ããŸããŸãæäŸããŠããŸããããã¯ãã°ãã°ããã©ãŠã¶åºæã®å®è£ ãçµ±åãéããŠè¡ãããŸãïŒ
- ãã©ãŠã¶åºæã®APIïŒ Microsoft EdgeãGoogle Chromeãªã©ã®ãã©ãŠã¶ã¯ãPWAããŠã£ã³ããŠã®ã¿ã€ãã«ããŒãã«ã¹ã¿ãã€ãºããããã«ã¹ã¿ã ãã¿ã³ã远å ããããOSã®ãŠã£ã³ããŠã·ã¹ãã ãšããæ·±ãçµ±åãããã§ããå®éšçãŸãã¯æšæºåãããAPIãå°å ¥ããŠããŸããäŸãã°ãããã©ã«ãã®ã¿ã€ãã«ããŒãé衚瀺ã«ãããŠã§ãæè¡ã䜿çšããŠã«ã¹ã¿ã ã®ã¿ã€ãã«ããŒãæç»ããæ©èœã¯å€§ããªäžæ©ã§ãã
- ãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ãšã®çµ±åïŒ PWAãã€ã³ã¹ããŒã«ããããšããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã¯éåžžããããå®è¡å¯èœãã¡ã€ã«ãç¹å®ã®ãã©ãŠã¶ãããã¡ã€ã«ã«é¢é£ä»ããŸãããã®é¢é£ä»ãã«ãããPWAã¯äžè¬çãªãã©ãŠã¶ããã»ã¹ãšã¯å¥ã«ãç¬èªã®ã¢ã€ã³ã³ãšååã§ã¿ã¹ã¯ããŒ/ããã¯ã«è¡šç€ºãããããã«ãªããŸãã
PWAã«ããããã€ãã£ããŠã£ã³ããŠçµ±åã®å©ç¹
ãã€ãã£ããŠã£ã³ããŠçµ±åãžã®ç§»è¡ã¯ããŠãŒã¶ãŒãšéçºè ã®äž¡æ¹ã«å€ãã®å©ç¹ããããããŸãïŒ
ãŠãŒã¶ãŒã«ãšã£ãŠïŒ
- ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUXïŒã®åäžïŒ æã倧ããªå©ç¹ã¯ããã芪ãã¿ãããçŽæçãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã§ãããŠãŒã¶ãŒã¯ã¢ããªã±ãŒã·ã§ã³ãŠã£ã³ããŠã管çããããã®æ°ããæ¹æ³ãåŠã¶å¿ èŠããªãããã€ãã£ãã¢ããªã§æ £ã芪ããã ã®ãšåããžã§ã¹ãã£ãŒãã³ã³ãããŒã«ã䜿çšã§ããŸãã
- çŸèгã®åäžïŒ ãã€ãã£ããŠã£ã³ããŠã¯ããŒã ãæ¡çšããPWAã¯ãããã¯ãªãŒã³ã§ãããã§ãã·ã§ãã«ã«èŠãããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã®å šäœçãªèŠèŠèšèªãšäžèŽããŸããããã«ãããèªç¥è² è·ã軜æžãããã¢ããªã±ãŒã·ã§ã³ãããæŽç·ŽãããŠãããšæããããŸãã
- ã·ãŒã ã¬ã¹ãªãã«ãã¿ã¹ã¯ïŒ é©åãªã¿ã¹ã¯ããŒ/ããã¯çµ±åã«ããããŠãŒã¶ãŒã¯PWAãšä»ã®ã¢ããªã±ãŒã·ã§ã³ãç°¡åã«åãæ¿ããããšãã§ããçç£æ§ãšãã«ãã¿ã¹ã¯ã®å¹çãåäžããŸãã
- ç¥èŠäŸ¡å€ã®åäžïŒ ãã€ãã£ãã¢ããªã®ããã«èŠããåäœããã¢ããªã±ãŒã·ã§ã³ã¯ãããšããŠã§ãæè¡ã§æ§ç¯ãããŠããŠãããã䟡å€ãããä¿¡é Œã§ãããã®ãšããŠèªèãããããšãå€ãã§ãã
- ã¢ã¯ã»ã·ããªãã£ïŒ ãã€ãã£ããŠã£ã³ããŠã³ã³ãããŒã«ã«ã¯ãããŒããŒãããã²ãŒã·ã§ã³ãã¹ã¯ãªãŒã³ãªãŒããŒäºææ§ãªã©ãçµã¿èŸŒã¿ã®ã¢ã¯ã»ã·ããªãã£æ©èœãåãã£ãŠããããšãå€ããPWAã¯é©åãªçµ±åãéããŠããããç¶æ¿ã§ããŸãã
éçºè ã«ãšã£ãŠïŒ
- ãŠãŒã¶ãŒæ¡çšçã®å¢å ïŒ ããæŽç·Žããã芪ãã¿ãããäœéšã¯ãããé«ãæ¡çšçãšäœãé¢è±çã«ã€ãªããå¯èœæ§ããããŸãã
- éçºã³ã¹ãã®åæžïŒ ãŠã§ãæè¡ã掻çšãããã€ãã£ãã©ã€ã¯ãªäœéšãå®çŸããããšã§ãéçºè ã¯ç°ãªããã©ãããã©ãŒã åãã®åå¥ã®ãã€ãã£ãéçºäœæ¥ã®å¿ èŠæ§ãæžãããæéãšãªãœãŒã¹ãç¯çŽã§ããå¯èœæ§ããããŸãã
- åºç¯ãªãªãŒãïŒ PWAã¯ãã¢ããªã¹ãã¢ãžã®æåºãå¿ èŠãšããã«ãããŸããŸãªããã€ã¹ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã«ãããå¹ åºããªãŒãã£ãšã³ã¹ã«ãªãŒãã§ããŸãããã€ãã£ããŠã£ã³ããŠçµ±åã¯ããã€ãã£ãã¢ããªã®å®è¡å¯èœãªä»£æ¿ææ®µãšããŠã®å°äœãããã«åºããŸãã
- æŽæ°ã®ç°¡çŽ åïŒ ãã¹ãŠã®ãŠã§ãã¢ããªã±ãŒã·ã§ã³ãšåæ§ã«ãPWAã¯ãŠãŒã¶ãŒãã¢ããªã¹ãã¢ããæ°ããããŒãžã§ã³ãããŠã³ããŒãããŠã€ã³ã¹ããŒã«ããå¿ èŠãªããã·ãŒã ã¬ã¹ã«æŽæ°ã§ããŸãã
- ãã©ã³ãã®äžè²«æ§ïŒ éçºè ã¯ããŠã§ããã¬ãŒã³ã¹ãšã€ã³ã¹ããŒã«ãããPWAã¢ããªã±ãŒã·ã§ã³å šäœã§ãããè¯ããã©ã³ãã®äžè²«æ§ãç¶æã§ããŸãã
課é¡ãšèæ ®äºé
å©ç¹ã¯é åçã§ãããPWAã§ã·ãŒã ã¬ã¹ãªãã€ãã£ããŠã£ã³ããŠçµ±åãå®çŸããã«ã¯ã課é¡ããªãããã§ã¯ãããŸããïŒ
- ãã©ãŠã¶ãšOSã®æçåïŒ ãã€ãã£ããŠã£ã³ããŠçµ±åã®ã¬ãã«ã¯ãç°ãªããã©ãŠã¶ïŒChromeãEdgeãFirefoxãSafariïŒããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ïŒWindowsãmacOSãLinuxãChromeOSïŒéã§å€§ããç°ãªãå ŽåããããŸããéçºè ã¯åŸ¹åºçã«ãã¹ããããã©ãããã©ãŒã åºæã®ãœãªã¥ãŒã·ã§ã³ãå®è£ ããå¿ èŠããããããããŸããã
- APIã®æçåºŠïŒ Window Management APIã®ããã«ãããæ·±ãçµ±åãå¯èœã«ããäžéšã®APIã¯ãŸã é²åã®éçšã«ãããŸããéçºè ã¯ææ°ã®æšæºãšãã©ãŠã¶ã®ãµããŒãç¶æ³ãåžžã«ææ¡ããŠããå¿ èŠããããŸãã
- ã»ãã¥ãªãã£ãšæš©éïŒ ãŠã§ãã¢ããªã±ãŒã·ã§ã³ã«ã·ã¹ãã ã¬ãã«ã®ãŠã£ã³ããŠç®¡çæ©èœãžã®ã¢ã¯ã»ã¹ãèš±å¯ããã«ã¯ãã»ãã¥ãªãã£äžã®åœ±é¿ãšãŠãŒã¶ãŒæš©éãæ éã«èæ ®ããå¿ èŠããããŸãããã©ãŠã¶ã¯ããããã®çžäºäœçšã仲ä»ããäžã§éèŠãªåœ¹å²ãæãããŸãã
- ã«ã¹ã¿ãã€ãºãšäžè²«æ§ã®ãã©ã³ã¹ïŒ éçºè ã¯ããŠããŒã¯ã§ãã©ã³ãåãããUIèŠçŽ ïŒã«ã¹ã¿ã ã¿ã€ãã«ããŒãªã©ïŒãæäŸããããšãšã芪ãã¿ãããäœéšãä¿èšŒããããã«ãã€ãã£ãOSã®æ £ç¿ã«åŸãããšãšã®éã§ããã©ã³ã¹ãåãå¿ èŠããããŸããé床ãªã«ã¹ã¿ãã€ãºã¯ãããã£ãŠãã€ãã£ãæãæãªãããšããããŸãã
- ããã°ã¬ãã·ããšã³ãã³ã¹ã¡ã³ãïŒ ããã°ã¬ãã·ããšã³ãã³ã¹ã¡ã³ãã®ã¢ãããŒããæ¡çšããããšãäžå¯æ¬ ã§ããé«åºŠãªãŠã£ã³ããŠçµ±åæ©èœãå®å šã«ã¯ãµããŒãããŠããªããã©ãŠã¶ããã©ãããã©ãŒã ã§ããPWAã¯æ£ããæ©èœããè¯ãäœéšãæäŸãã¹ãã§ãã
ãã€ãã£ããŠã£ã³ããŠçµ±åã®å®è£ ïŒãã¹ããã©ã¯ãã£ã¹
PWAã§ãã€ãã£ããŠã£ã³ããŠçµ±åã广çã«æŽ»çšããããã«ã¯ã以äžã®ãã¹ããã©ã¯ãã£ã¹ãæ€èšããŠãã ããïŒ
-
ãŠã§ãã¢ããªãããã§ã¹ãããå§ããïŒ
ãããã§ã¹ããæ£ããèšå®ãããŠããããšã確èªããŠãã ããã
display: 'standalone'ã䜿çšããé«å質ã®ã¢ã€ã³ã³ãæäŸããé©åãªååãèšå®ããŸããããã¯ãã¢ããªã®æå³ãäŒããããã®åºç€çãªã¹ãããã§ãã -
ã³ã¢æ©èœã®åªå ïŒ
è€éãªãŠã£ã³ããŠæäœã«æ·±å ¥ãããåã«ãPWAã®ã³ã¢æ©èœãå ç¢ã§ãã¢ã¯ã»ã¹ããããã髿§èœã§ããããšã確èªããŠãã ãããç¹ã«ãµãŒãã¹ã¯ãŒã«ãŒã®ãããã§ããªãã©ã€ã³ã·ããªãªã§ã®æ§èœãéèŠã§ãã
-
Window Management APIã®æŽ»çšïŒãµããŒããããŠããå ŽåïŒïŒ
ã¿ãŒã²ãããã©ãŠã¶ãWindow Management APIããµããŒãããŠããå Žåã¯ããŠãŒã¶ãŒã®ã¯ãŒã¯ãããŒãåäžãããããã®ãã®æ©èœãæ€èšããŠãã ãããäŸãã°ãé¢é£æ å ±ãæ°ãããé©åãªãµã€ãºã®ãŠã£ã³ããŠã§è¡šç€ºããããã«äœ¿çšããããšãã§ããŸãã
-
ã«ã¹ã¿ã ã¿ã€ãã«ããŒã®æ éãªæ€èšïŒ
äžéšã®ãã©ãŠã¶ã§ã¯ãããã©ã«ãã®ãã©ãŠã¶ã¯ããŒã ãé衚瀺ã«ãããŠã§ãæè¡ã䜿çšããŠç¬èªã®ã¿ã€ãã«ããŒãå®è£ ã§ããŸããããã«ãããã¶ã€ã³ã®æè»æ§ã¯å€§å¹ ã«åäžããŸããããã€ãã£ãã®æåŸ ã«åèŽããå¿ é ã®ã³ã³ãããŒã«ïŒæå°åãæå€§åãéããïŒãå«ãŸããããã«æ éã«å®è£ ããå¿ èŠããããŸãã
äŸïŒ çç£æ§åäžããŒã«ã¯ãããã©ã«ãã®ã¿ã€ãã«ããŒãé衚瀺ã«ãããã®ãã©ã³ãã£ã³ã°ãšäž»èŠãªã¢ããªã±ãŒã·ã§ã³ã¢ã¯ã·ã§ã³ãã«ã¹ã¿ã ã¿ã€ãã«ããŒã«çŽæ¥çµ±åãããããããŸããã
-
ãã©ãããã©ãŒã ãšãã©ãŠã¶éã§ã®ãã¹ãïŒ
éèŠãªããšãšããŠãç°ãªããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ïŒWindowsãmacOSãLinuxïŒããã³ããŸããŸãªãã©ãŠã¶ïŒChromeãEdgeãFirefoxïŒã§PWAã®ãŠã£ã³ããŠã®åäœããã¹ãããŠãã ãããã¿ã¹ã¯ããŒã«ã¢ã€ã³ã³ãã©ã®ããã«è¡šç€ºããããããŠã£ã³ããŠãã©ã®ããã«ç®¡çããããããµã€ãºå€æŽãã©ã®ããã«æ©èœãããã«æ³šæãæã£ãŠãã ããã
-
æç¢ºãªãŠãŒã¶ãŒãã£ãŒãããã¯ã®æäŸïŒ
ããã°ã©ã ã§ãŠã£ã³ããŠã¢ã¯ã·ã§ã³ãå®è¡ããå Žåã¯ããŠãŒã¶ãŒã«äœãèµ·ãã£ãã®ããçè§£ã§ããããã«ãæç¢ºãªèŠèŠçãã£ãŒãããã¯ãæäŸããŠãã ããããŠãŒã¶ãŒãæ··ä¹±ãããå¯èœæ§ã®ããçªç¶ã®å€æŽã¯é¿ããŠãã ããã
-
ãªãã·ã§ã³ä»ãã® `window.open()` ã®æŽ»çšïŒ
å³å¯ã«ã¯ãã€ãã£ãOSã®çµ±åã§ã¯ãããŸãããã
window.open()ãwidthãheightãnoopenerãªã©ã®ãã©ã¡ãŒã¿ãšå ±ã«äœ¿çšããããšã§ãæšæºçãªæ°ããã¿ããããå¶åŸ¡ãããæãã®ãç¹å®ã®å¯žæ³ãšåäœãæã€æ°ãããŠã£ã³ããŠãäœæããã®ã«åœ¹ç«ã¡ãŸãã -
ãŠã§ãæšæºã®ææ°æ å ±ã远ãïŒ
PWAã®ä»æ§ãšé¢é£APIã¯ç¶ç¶çã«é²åããŠããŸããW3Cã®è°è«ããã©ãŠã¶ã®ãªãªãŒã¹ããŒãããã©ããŒããŠãæ°ããæ©èœããã¹ããã©ã¯ãã£ã¹ã«é¢ããæ å ±ãåžžã«å ¥æããŠãã ããã
å®äžçã®äŸãšåœéçãªèŠç¹
ç¹å®ã®ã°ããŒãã«ãªäŸã¯ç¬èªä»æ§ã§ãããããããŸããããããè¯ãPWAãŠã£ã³ããŠçµ±åãžã®ãã¬ã³ãã¯ãå€ãã®çŸä»£çãªãŠã§ãã¢ããªã±ãŒã·ã§ã³ã§èŠãããŸãïŒ
- çç£æ§ã¹ã€ãŒãïŒ å ±åããã¥ã¡ã³ããšãã£ã¿ããããžã§ã¯ã管çãã©ãããã©ãŒã ãªã©ãå€ãã®ãªã³ã©ã€ã³çç£æ§ããŒã«ã¯ãæå°éã®ãã©ãŠã¶ã¯ããŒã ã§ã€ã³ã¹ããŒã«ã»å®è¡ã§ããPWAããŒãžã§ã³ãæäŸããéäžããäœæ¥ã»ãã·ã§ã³ãå¯èœã«ããŠããŸãã
- ã¡ãã£ã¢ã¹ããªãŒãã³ã°ãµãŒãã¹ïŒ äžéšã®ãããªããªãŒãã£ãªã®ã¹ããªãŒãã³ã°ãµãŒãã¹ã¯ããŠãŒã¶ãŒãã¿ã¹ã¯ããŒã«ããã³çããããŠããã€ãã£ãã®ãã¹ã¯ããããã¬ãŒã€ãŒãšåæ§ã«å°çšãŠã£ã³ããŠã§åçãæ¥œãããPWAãæäŸããŠããŸãã
- Eã³ããŒã¹ã¢ããªã±ãŒã·ã§ã³ïŒ å°å£²æ¥è ã¯ãå¹ççãªã·ã§ããã³ã°äœéšãæäŸããPWAããŸããŸãæäŸããŠãããã€ã³ã¹ããŒã«çã§ã¯æ°žç¶çãªã¢ã¯ã»ã¹ãšéç¥ãæäŸãããã€ãã£ãã·ã§ããã³ã°ã¢ããªã®å©äŸ¿æ§ãæš¡å£ããŠããŸãã
ã°ããŒãã«ãªèŠç¹ããèŠããšãã·ãŒã ã¬ã¹ã§ã¢ããªã®ãããªäœéšãžã®éèŠã¯æ®éçã§ããæ±äº¬ããã«ãªã³ããµã³ããŠãã®ãŠãŒã¶ãŒã¯ãããžã¿ã«ããŒã«ããåãã¬ãã«ã®æŽç·Žããšäœ¿ãããããæåŸ ããŠããŸããPWAã¯ããã€ãã£ããŠã£ã³ããŠçµ±åã®å¯èœæ§ã«ããããããã®ã°ããŒãã«ãªæåŸ ã«å¿ããã®ã«é©ããŠãããç°ãªãããã€ã¹ããããã¯ãŒã¯æ¡ä»¶äžã§é«å質ãªã¢ããªã±ãŒã·ã§ã³äœéšãæ°äž»åããŠããŸãã
ãããžã§ã¯ãã§å ±åäœæ¥ããã°ããŒãã«ããŒã ãèããŠã¿ãŠãã ããã圌ãã®ãããžã§ã¯ã管çããŒã«ããã€ãã£ããŠã£ã³ããŠçµ±åãåããPWAã§ããã°ãåããŒã ã¡ã³ããŒã¯ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ãå Žæã«é¢ä¿ãªããäžè²«ãã䜿ããããã§ããŒã«ã«ã¢ã¯ã»ã¹ã管çã§ããŸããã¡ãŒã«ããã§ãã¯ããããã«ãŠã£ã³ããŠãæå°åãããã詳现ãªã¬ããŒããèŠãããã«æå€§åãããããããšããçµ±äžãããäœéšã«ãªããŸãã
PWAãŠã£ã³ããŠã³ã³ãããŒã«ã®æªæ¥
PWAãŠã£ã³ããŠã³ã³ãããŒã«ã®é²ãã¹ãæ¹åã¯æç¢ºã§ããããã¯ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã®ãŠã£ã³ããŠãã©ãã€ã ãšã®ããæ·±ããããã·ãŒã ã¬ã¹ãªçµ±åã§ããç§ãã¡ã¯æ¬¡ã®ãããªããšãæåŸ ã§ããŸãïŒ
- ãŠã£ã³ããŠã«ã¹ã¿ãã€ãºã®ããã®æšæºåãããAPIïŒ éçºè ããŠã£ã³ããŠã®å€èгãåäœã现ããå¶åŸ¡ã§ãããããå ç¢ã§æšæºåãããAPIãæåŸ ãããŸããããã«ã¯ãã«ã¹ã¿ã ã¿ã€ãã«ããŒãã«ã¹ã¿ã ã¿ã¹ã¯ããŒã¢ã€ã³ã³ããžã£ã³ããªã¹ãã®çµ±åãªã©ãå«ãŸããŸãã
- ã¯ãã¹ãã©ãããã©ãŒã ã®äžè²«æ§ã®åäžïŒ æšæºãæçããã«ã€ããŠãããŸããŸãªOSãã©ãããã©ãŒã ã§PWAããŠã£ã³ããŠãšçµ±åããæ¹æ³ã®éãã¯æžå°ããéçºãç°¡çŽ åãããäžçäžã®ãŠãŒã¶ãŒã«ãšã£ãŠäºæž¬å¯èœãªäœéšãä¿èšŒãããã§ãããã
- æ¹åãããã»ãã¥ãªãã£ã¢ãã«ïŒ ãããã®æ©èœããã匷åã«ãªãã«ã€ããŠããã©ãŠã¶ãã³ããŒã¯ããªãããªäœéšãå¯èœã«ããªãããŠãŒã¶ãŒãä¿è·ããããã«ã»ãã¥ãªãã£ã¢ãã«ãæŽç·Žããç¶ããã§ãããã
- AIé§åã®ãŠã£ã³ããŠç®¡çïŒ é·æçã«ã¯ããŠãŒã¶ãŒã®ã³ã³ããã¹ããæŽ»åã«åºã¥ããŠPWAãŠã£ã³ããŠãã€ã³ããªãžã§ã³ãã«ç®¡çããAIæèŒæ©èœãç»å ŽãããããããŸããã
ãŠã§ãæè¡ã®ç¶ç¶çãªé©æ°ãšããã©ãŠã¶ãã³ããŒã®PWAæšæºãžã®ã³ãããã¡ã³ããçžãŸã£ãŠããŠã§ãã¢ããªã±ãŒã·ã§ã³ãšãã€ãã£ãã¢ããªã±ãŒã·ã§ã³ã®åºå¥ããŸããŸãææ§ã«ãªãæªæ¥ãçŽæãããŠããŸããããã¯ããŠã§ãã®ãªãŒããšæè»æ§ã«ããã€ãã£ããœãããŠã§ã¢ã®æ²¡å ¥æã®ããçµ±åãããäœéšãçµã¿åããããäž¡æ¹ã®äžçã®é·æãæäŸãããã®ã§ãã
çµè«
ããã°ã¬ãã·ããŠã§ãã¢ããªã®ãŠã£ã³ããŠã³ã³ãããŒã«ã¯ããã¯ãåãªãåŸä»ãã§ã¯ãªããçã«ãã€ãã£ãã©ã€ã¯ãªäœéšãæäŸããããã®éèŠãªæ§æèŠçŽ ã§ãããŠã§ãã¢ããªãããã§ã¹ããWindow Management APIã®ãããªæ°ããAPIãªã©ã®æè¡ãåãå ¥ããããšã§ãéçºè ã¯ãŠãŒã¶ãŒã®ãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ãšã·ãŒã ã¬ã¹ã«çµ±åããPWAãäœæã§ããŸããããã¯ã芪ãã¿ãããçŸèгãšåäœãéããŠãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãåäžãããã ãã§ãªããéçºå¹çãšã°ããŒãã«ãªãªãŒãã®é¢ã§ã倧ããªå©ç¹ãæäŸããŸãã
ãŠã§ããé²åãç¶ããäžã§ãã€ã³ããªãžã§ã³ããªãŠã£ã³ããŠçµ±åã«ãã£ãŠåŒ·åãããPWAã¯ãç§ãã¡ãããžã¿ã«ã¢ããªã±ãŒã·ã§ã³ãšå¯Ÿè©±ããæ¹æ³ã«ãããŠããŸããŸãæ¯é çãªåœ¹å²ãæããããšã«ãªãã§ããããçµ±äžããããçŽæçã§ã匷åãªã¢ããªã±ãŒã·ã§ã³äœéšãžã®éã®ãã¯é 調ã«é²ãã§ããããã€ãã£ããŠã£ã³ããŠçµ±åã¯ãã®éã«ãããéèŠãªãã€ã«ã¹ããŒã³ã§ãã